Skip to content

refactor(ui): connection forms and dialogs on QueryaButton - #1421

Merged
ZhuchkaTriplesix merged 2 commits into
devfrom
issue/1338-forms-dialogs-querya-button
Oct 11, 2026
Merged

ZhuchkaTriplesix merged 2 commits into
devfrom
issue/1338-forms-dialogs-querya-button

Conversation

@ZhuchkaTriplesix

Copy link
Copy Markdown
Member

Part of #1338 / #1331 (closes neither). Continues #1420.

What

Dialog and form footers move from shadcn buttons to QueryaButton (mapping from docs/ui-kit.md; footer buttons are lg, Cancel / Close are ghost):

Beyond the mechanical replacement

  • Test Connection (5 forms + extension form + SSH): a secondary lg (sm in the SSH section) button with the button's own loading state, replacing the hand-built QueryaSpinner / Icon leading and the per-call coloured Text. The standard says inline form actions use the button's loading state, not a separate spinner.
  • Mongo Create index: loading: _submitting, same label switch.
  • PostgreSQL certificate browse: QueryaButton.icon with a Browse… tooltip instead of a bare GhostButton(child: Icon).

Visible differences (intended)

Cancel / Close lose their outline; Test Connection is no longer tinted with the accent while the form is valid (it is a neutral secondary button, disabled when invalid); icon sizes follow the control size.

Method

A codemod rewrote only calls whose arguments it fully understood, and reported the rest; the reported ones were done by hand. The diff was read in full.

Tests

No test in these features looks for a shadcn button type (the existing finders use texts and keys; Test Connection is found by text).

Not run locally; CI is the check.

Footers of the connection forms, SQL editor dialogs, table privileges, theme
dialogs, query history and the recovery app move to QueryaButton at lg
(Cancel is ghost). Test Connection is a secondary button with the button's
loading state instead of a hand-built spinner leading, and the certificate
browse icon is a QueryaButton.icon with a tooltip. Part of #1338.
@github-actions github-actions Bot added enhancement New feature or request frontend Theme parser epic label: frontend ui User interface components and widgets ux User experience, keyboard shortcuts and interactions P2 Medium priority / Parity & Refactoring labels Oct 11, 2026
The dialog button moved to QueryaButton; the indexes view's own toolbar button
is still a shadcn PrimaryButton, so the e2e flow taps one of each.
@ZhuchkaTriplesix
ZhuchkaTriplesix merged commit dbca112 into dev Oct 11, 2026
15 checks passed
@ZhuchkaTriplesix
ZhuchkaTriplesix deleted the issue/1338-forms-dialogs-querya-button branch October 11, 2026 15:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request frontend Theme parser epic label: frontend P2 Medium priority / Parity & Refactoring ui User interface components and widgets ux User experience, keyboard shortcuts and interactions

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant